<?php
/**
 * Created by PhpStorm.
 * User: 式神 (luck48.com)
 * Email: 289650682@qq.com
 * Name: ${NAME}Administrator
 * Date: 2017-04-10
 * Time: 15:26
 */
?>
@extends('template.default.layouts')
@section('main')
    <div class="container" style="margin-bottom:50px;">

        <div class="about-top" >

            <div class="aboutus-title-1">STUDENT  EVENTS</div>
            <div class="aboutus-title-2"></div>
            <div class="aboutus-title-3"></div>

        </div>

        <ul class="past">
            <li class="col-sm-4">
                <div ><img src="{{asset('public/statics/default/img/past-1.jpg')}}"/></div>

                <div class="img-word">
                    <div class="w1">Title of Picture</div>
                    <div class="w2">July.12.2017</div>
                </div>
            </li>

            <li class="col-sm-4">
                <div ><img src="{{asset('public/statics/default/img/past-1.jpg')}}"/></div>

                <div class="img-word">
                    <div class="w1">Title of Picture</div>
                    <div class="w2">July.12.2017</div>
                </div>
            </li>


            <li class="col-sm-4">
                <div ><img src="{{asset('public/statics/default/img/past-1.jpg')}}"/></div>

                <div class="img-word">
                    <div class="w1">Title of Picture</div>
                    <div class="w2">July.12.2017</div>
                </div>
            </li>

            <li class="col-sm-4">
                <div ><img src="{{asset('public/statics/default/img/past-1.jpg')}}"/></div>

                <div class="img-word">
                    <div class="w1">Title of Picture</div>
                    <div class="w2">July.12.2017</div>
                </div>
            </li>

            <li class="col-sm-4">
                <div ><img src="{{asset('public/statics/default/img/past-1.jpg')}}"/></div>

                <div class="img-word">
                    <div class="w1">Title of Picture</div>
                    <div class="w2">July.12.2017</div>
                </div>
            </li>

            <li class="col-sm-4">
                <div ><img src="{{asset('public/statics/default/img/past-1.jpg')}}"/></div>

                <div class="img-word">
                    <div class="w1">Title of Picture</div>
                    <div class="w2">July.12.2017</div>
                </div>
            </li>

        </ul>
        <div class="clear"></div>

        <div class="pre-next">
            <div class="pre"><img src="{{asset('public/statics/default/img/left-icon.jpg')}}"/><span>Preious</span></div>
            <div class="next"><span>Next</span><img src="{{asset('public/statics/default/img/right-icon.jpg')}}"/></div>

            <div class="clear"></div>
        </div>

        <div class="about-top" >

            <div class="aboutus-title-1">COMPANY&STUFF  EVENTS</div>
            <div class="aboutus-title-2"></div>
            <div class="aboutus-title-3"></div>

        </div>

        <ul class="past" id="layer-photos">

            @foreach($data as $v)
                <li class="col-sm-4">
                    <div ><img src="/{{$v['image']}}" layui-src="/{{$v['image']}}" alt="{{$v['title']}}" cont="{{$v['content']}}" /></div>

                    <div class="img-word">
                        <div class="w1">{{$v['title']}}</div>
                        <div class="w2">{{$v['created_at']}}</div>
                    </div>
                </li>
            @endforeach
            <div class="clear"></div>
        </ul>

    </div>
@endsection
@section('js')
    <script>
        layui.use(['layer'], function(){
            var layer = layui.layer;
            layer.photos({
                photos: '#layer-photos'
                ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
            });
        });
    </script>
@endsection
